<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="style.css">
    <title>repute</title>
</head>
<body>
    <nav>
        <div class="container">
            <nav class="navbar navbar-expand-lg navbar-light bg-light">
                <a class="navbar-brand col-lg-6" href="#"><img src="img/Repute_03.png"></a>
                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>
                <div class="collapse navbar-collapse" id="navbarSupportedContent">
                    <ul class="navbar-nav mr-auto">
                        <li class="nav-item dropdown  active">
                            <a class="nav-link dropdown-toggle one" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                HOME
                            </a>
                            <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                                <a class="dropdown-item" href="#">Action</a>
                                <a class="dropdown-item" href="#">Another action</a>
                                <div class="dropdown-divider"></div>
                                <a class="dropdown-item" href="#">Something else here</a>
                            </div>
                        </li>
                        <li class="nav-item dropdown  active">
                            <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                FEATURES
                            </a>
                            <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                                <a class="dropdown-item" href="#">Action</a>
                                <a class="dropdown-item" href="#">Another action</a>
                                <div class="dropdown-divider"></div>
                                <a class="dropdown-item" href="#">Something else here</a>
                            </div>
                        </li>
                        <li class="nav-item dropdown  active">
                            <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                PAGES
                            </a>
                            <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                                <a class="dropdown-item" href="#">Action</a>
                                <a class="dropdown-item" href="#">Another action</a>
                                <div class="dropdown-divider"></div>
                                <a class="dropdown-item" href="#">Something else here</a>
                            </div>
                        </li>
                        <li class="nav-item dropdown  active">
                            <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                PORTFOLIO
                            </a>
                            <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                                <a class="dropdown-item" href="#">Action</a>
                                <a class="dropdown-item" href="#">Another action</a>
                                <div class="dropdown-divider"></div>
                                <a class="dropdown-item" href="#">Something else here</a>
                            </div>
                        </li>
                        <li class="nav-item dropdown  active">
                            <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown5" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                BLOG
                            </a>
                            <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                                <a class="dropdown-item" href="#">Action</a>
                                <a class="dropdown-item" href="#">Another action</a>
                                <div class="dropdown-divider"></div>
                                <a class="dropdown-item" href="#">Something else here</a>
                            </div>
                        </li>
                    </ul>
                    <p class="p1"><img src="img/Repute_06.png">UPGRADE TO PRO</p>
                </div>
            </nav>
        </div>
    </nav>
    <!--轮播-->
    <banner>
        <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
            <ol class="carousel-indicators">
                <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
                <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
                <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
            </ol>
            <div class="carousel-inner">
                <div class="carousel-item active">
                    <img src="img/Reputez_10.png" class="d-block w-100" alt="...">
                    <div class="weiz">
                        <h1>EASY TO CUSTOMIZE</h1>
                        <p>Readable code, well documented and Free support</p>
                        <button class="bu1">LERN MORE</button>
                    </div>
                   </div>
                <div class="carousel-item">
                    <img src="img/Reputez_10.png" class="d-block w-100" alt="...">
                    <div class="weiz">
                        <h1>EASY TO CUSTOMIZE</h1>
                        <p>Readable code, well documented and Free support</p>
                        <button class="bu1">LERN MORE</button>
                    </div>
                </div>
                <div class="carousel-item">
                    <img src="img/Reputez_10.png" class="d-block w-100" alt="...">
                    <div class="weiz">
                        <h1>EASY TO CUSTOMIZE</h1>
                        <p>Readable code, well documented and Free support</p>
                        <button class="bu1">LERN　MORE</button>
                    </div>
                </div>
            </div>
            <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
                    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                    <span class="sr-only">Previous</span>
            </a>
            <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
                <span class="carousel-control-next-icon" aria-hidden="true"></span>
                <span class="sr-only">Next</span>
            </a>
        </div>
        <div class="banner_bottom">
            <div class="container">
                <ul class="row">
                    <li class="col-lg-3"><img src="img/Repute_13.png" alt=""><p>STRONG STRUCTURE</p></li>
                    <li class="col-lg-3"><img src="img/Repute_15.png" alt=""><p>GLOBAL SERVICES</p></li>
                    <li class="col-lg-3"><img src="img/Repute_17.png" alt=""><p>DYNAMIC　CHANGE</p></li>
                    <li class="col-lg-3"><img src="img/Repute_19.png" alt=""><p>EXPONENTIAL GROWTH</p></li>
                </ul>
            </div>
        </div>
    </banner>
    <section>
        <div class="container">
            <div class="mian1">
                <div class="mian1_left">
                    <h5>KNOW BEFTTER<br>......</h5>
                    <p class="p2">Synergistically procrastinate one -to-one
                        results for accurate plattforms. Asserti
                        vely whiteboard corporate users whereas
                        dynamic initiatives.
                    </p>
                    <p>Energistically architest leading-edge use
                        ers and inexpernal or"organic"s
                        ources.Distinctively evovlve e-business
                        resorurcesafter progressive intellectual capital.Ob
                        jectively archirect maintainable techonlog
                        ies via strategic convergence.Continually
                        optimize stand-alone expertise with e-busi
                        ness e-service.Continually conceptualizc a
                        lient-centerd opportunities and.
                    </p>
                    <p>
                        Dynamically customize leading-edge use
                        ers and inexpernal or"organic"
                        sources.Distinctively evovlve e-business
                        resorurces
                        after progressive intellectual capital.Ob
                        jectively archirect maintainable techonlog
                        ies via strategic convergence.Continually
                        optimize. Credibly
                    </p>
                </div>
                <div class="mian1_right">
                        <img src="img/Repute_26.png">
                </div>
            </div>
            <div class="mian2">
                <div class="row">
                    <div class="col-lg-6">
                        <img src="img/Repute_30.png"><h5>GOAL ORIENTED</h5>
                        <p>Holistcly harnes just in time techonlolgies
                            via corporate scenarios. Intrinsicly Predominate
                            ubiquitous outsourcing through an expanded array
                            of functionalities.
                        </p>
                    </div>
                    <div class="col-lg-6">
                        <img src="img/Repute_32.png"> <h5>GLOBAL SERVLCE</h5>
                        <p>
                            Holistcly harnes just in time techonlolgies
                            via corporate scenarios. Intrinsicly Predominate
                            ubiquitous outsourcing through an expanded array
                            of functionalities.
                        </p>
                    </div>
                    <div class="col-lg-6">
                        <img src="img/Repute_36.png"><h5>DYNAMLC CHANGE</h5>
                        <p>Holistcly harnes just in time techonlolgies
                            via corporate scenarios. Intrinsicly Predominate
                            ubiquitous outsourcing through an expanded arrayof
                            functionalities.
                        </p>
                    </div>
                    <div class="col-lg-6">
                        <img src="img/Repute_37.png"><h5>PROFESSLONAL SUPPORL</h5>
                        <p>Holistcly harnes just in time techonlolgies
                            via corporate scenarios. Intrinsicly Predominate
                            ubiquitous outsourcing through an expanded array
                            of functionalities.
                        </p>
                    </div>
                </div>
            </div>
            <div class="mian3">
                <img src="img/Repute_41.png">
                <h4>ULTRA RESPONSIVE</h4>
                <p>Phosfluorescently reovlutionize viral leadership via turnkey technology.Synergistically monetize monetize intermandated<br>straegic theme ares through multimedia based.</p>
                <div class="mian3_bottom">
                    <ul>
                        <li><a href="">Responsive</a></li>
                        <li><a href="">Easy to Customize</a></li>
                        <li><a href="">Design</a></li>
                        <li><a href="">Free Updates&Support</a></li>
                    </ul>
                </div>
            </div>
            <div class="mian4">
                <div class="mian4_top">
                    <h5 class="col-lg-10">RECENT WORKS<br>......</h5>
                    <button class="but1">see all works</button>
                </div>
                <ul>
                    <li><img src="img/Reputea_03.png"></li>
                    <li><img src="img/Reputea_05.png"></li>
                    <li><img src="img/Reputea_07.png"></li>
                </ul>
            </div>
            <div class="mian5">
                <h5 class="col-lg-10">LATEST NEWS<br>......</h5>
                <div class="mian5_buttom row">
                    <div class="buttom1 col-lg-4">
                        <img src="img/Reputea_12.png">
                        <h5>In Demand:Collaboration Skill</h5>
                        <p>Phosfluorescently reovlutionize viral leadership via turnkey technology
                            .Synergistically monetize monetize intermandated
                            Predominte interoperbie growth strategies.<br>23-02-2015<span>65 Comments</span></p>
                    </div>
                    <div class="buttom2 col-lg-4">
                        <img src="img/Reputea_15.png"><h6>Growth Strateqies We Must K...</h6>
                        <p>Proactively engage orthogonal growth stragies  without resoure- leveling resting proccedures.</p>
                        <img src="img/Reputea_18.png"><h6>Products Research Methodolo..</h6>
                        <p>Proactively engage orthogonal growth stragies  without resoure- leveling resting proccedures.</p>
                        <img src="img/Reputea_22.png"><h6>Professional Leverage...</h6>
                        <p>Proactively engage orthogonal growth stragies  without resoure- leveling resting proccedures.</p>
                    </div>
                    <div class="buttom2 col-lg-4">
                        <img src="img/Reputea_23.png"><h6>Products Research Methodolo...</h6>
                        <p>Proactively engage orthogonal growth stragies  without resoure- leveling resting proccedures.</p>
                        <img src="img/Reputea_27.png"><h6>Altdernative E-commerce</h6>
                        <p>Proactively engage orthogonal growth stragies  without resoure- leveling resting proccedures.</p>
                        <button class="but2">Seel all news→</button>
                    </div>
                </div>
            </div>
        </div>
        <div class="sect_buttom">
            <div class="container">
                <div class="row">
                    <div class="col-lg-3">
                        <img src="img/Reputea_29.png"><p>5200</p><span>SUBSCRBERS</span>
                    </div>
                    <div class="col-lg-3">
                        <img src="img/Reputea_31.png"><p>273</p><span>PROJECTS</span>
                    </div>
                    <div class="col-lg-3">
                        <img src="img/Reputea_34.png"><p>640K </p><span>PROJECTS</span>
                    </div>
                    <div class="col-lg-3">
                        <img src="img/Reputea_37.png"><p>132</p><span>CLIENTS</span>
                    </div>
                </div>
            </div>
        </div>
        <div class="sect_buttom2">
            <div class="container">
                <h4 class="col-lg-8">GET IN TOUCH</h4>
                <button class="but3">CONTACT US</button>
                <p>Call us(1800)765-4321-4321 or</p>
            </div>
        </div>
    </section>
    <footer>
        <div class="container">
            <div class="row">
                <div class="col-lg-4">
                    <img src="img/2019-04-28_172957.png">
                    <p>Proactively engage orthogonal growth stragies  without resoure- leveling resting proccedures
                        Proactively engage orthogonal growth stragies  without resoure- leveling resting proccedures</p>
                    <p>1234 North Main Street<br
                    New York ,NY 222222<br>
                    Phone:(1800)765-4321<br>
                    Emall:email@yourdoman.com</p>
                </div>
                <div class="col-lg-2">
                    <ul>
                        <li class="li_1"><a href="">USEFUL LINKS</a></li>
                        <li><a href="">About Us</a></li>
                        <li><a href="">News</a></li>
                        <li><a href="">Community</a></li>
                        <li><a href="">Career</a></li>
                        <li><a href="">Blog</a></li>
                    </ul>
                </div>
                <div class="col-lg-2">
                    <ul>
                        <li class="li_2"><a href="">Presss kit</a></li>
                        <li><a href="">Faq</a></li>
                        <li><a href="">Terms</a></li>
                        <li><a href="">Privacy policy</a></li>
                        <li><a href="">Contact Us</a></li>
                    </ul>
                </div>
                <div class="col-lg-4">
                    <h6>NEWSLETTER</h6>
                    <p>Ger the latest update from us by subscribingto our<br>newsletter</p>
                    <form>
                        <input type="text" placeholder="youremail@domain.com">
                        <button class="but4">SUBSCRLBE</button>
                    </form>
                    <h6>GET CONMECTED</h6>
                    <ul>
                        <li><a href=""><img src="img/Reputea_43.png" alt=""></a></li>
                        <li><a href=""><img src="img/Reputea_45.png" alt=""></a></li>
                        <li><a href=""><img src="img/Reputea_47.png" alt=""></a></li>
                        <li><a href=""><img src="img/Reputea_49.png" alt=""></a></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="footer_buttom">
        <p>More Templates - Collect from</p>
    </div>
    </footer>
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>
    <script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
    <script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>
</body>
</html>